<!DOCTYPE html>
<html lang="en">
    <head>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <title>百度</title>
            <style>
                *{
                    margin: 0px;
                    padding: 0px;
                    list-style: none;
                }
                ul.a{
                    height: 50px;
                    
                }
                ul.a li{
                    float: right ;
                    margin-right: 12px;
                    margin-top: 12px;
                    color: black;   
                    font-size: 13px;
                    
                }
               
                ul input{
                    float: right;
                    margin-top: 8px;
                    margin-right: 20px;
                    width: 90px;
                    height: 30px;
                    border: 0px;
                    background: transparent;
                    background-color:#3385ff;
                    color: white;   
                cursor: pointer;
                }
                .b{
                    width: 300px;
                    height: 130px;
                   
                    margin: 20px auto;
                }
                .b img{
                    width: 300px;
                    height: 130px;
                    margin: 1px auto;
                }
                .c{
                    width: 700px;
                    height: 100px;
                   
                    margin: 10px auto ;
                   
                }
                

                
                .c input.ccc{
                    height: 39px;
                    width: 538px;
                    margin-top: 20px ;
                   
                    background: url(images/2.png) no-repeat;
                    background-position: right;
                    padding-right: 20px;
                }
                .c input.cc{
                    height: 45px;
                    width: 101px;
                    margin-left: -5px;
                    margin-top: 22px;
                    background: #3385ff;
                    border: 0px;
                    color: white;
                    cursor: pointer;
                }
                .d{
                    width: 65px;
                    height: 100px;
                   
                    margin: 207px auto;
                }
                .d img{
                    height: 65px;
                    width: 65px;
                    margin: 0px auto;
                    float: left;
                }
                .d p{
                    float: left;
                }
              ul.e{
                  width: 335px;
                  height: 20px;
                  
                  margin: -200px auto;
              }
              ul.e li{
                  float: left;
                  font-size: 10px;
                  margin-right: 17px;
                  color: grey;
              }
              ul.f{
                  width: 544px;
                  height: 20px;
                  
                  margin: 200px auto;
              }
              ul.f li{
                  float: left;
                  margin-right: 20px;
                  font-size: 10px;
              }
                
            </style>
    </head>
    <body>
        <ul class="a">                                                            
            <input type="submit" value="更多产品">
            <a href=""> <li><u>设置</u></li></a> 
            <a href=""><li><u>登录</u></li></a>
            <a href=""> <li><u>贴吧</u></li></a>
            <a href=""><li><u>视频</u></li></a>
            <a href=""><li><u>地图</u></li></a>
            <a href=""><li><u>hao123</u></li></a>
            <a href=""> <li><u>新闻</u></li></a>
            <a href=""><li class="a"><u>糯米</u></li></a>
        </ul>
        <div class="b">
            <img src="images/1.png" alt="" class="b">
        </div>
        <div class="c">
            <form action="http://www.baidu.com/baidu" target="_blank">
                <input type="text" class="ccc" name="word" size="60" placeholder="">
                <input type="submit" class="cc" value="百度一下">
               </form>
        </div>
        <div class="d">
            <img src="images/3.png" alt="" class="d">
            <p>手机百度</p>
        </div>
        <ul class="e">
            <a href=""><li><u>把百度设为主页</u></li></a>
            <a href=""><li><u>关于百度</u></li></a>
            <a href=""><li><u>About baidu</u></li></a>
            <a href=""><li><u>百度推广</u></li></a>
        </ul>
        <ul class="f">
            <li>©2016 baidu<u>使用百度前必读</u></li>
            <li><u>意见反馈</u>京icp证031373号</li>
            <li><u>京公网安备1100000200001号</u></li>
        </ul>
        
    </body>
</html>